<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://shiro.apache.org/tags" prefix="shiro" %>
<shiro:lacksPermission name="pfs:look">没有查询此模块权限。。。</shiro:lacksPermission>
<shiro:hasPermission name="pfs:look">
    <!DOCTYPE HTML>
    <html>
    <head>
        <meta charset="UTF-8">

        <link rel="stylesheet" type="text/css"
              href="easyui/themes/bootstrap/easyui.css">
        <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
        <script type="text/javascript" src="myjs/path.js"></script>
        <script type="text/javascript" src="easyui/jquery.min.js"></script>
        <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
        <script type="text/javascript" src="easyui/locale/easyui-lang-zh_CN.js"></script>
        <script type="text/javascript" src="myjs/pifashang.js"></script>
        <script src="js/yangshi.js"></script>
    </head>
    <body class="easyui-layout">

    <div id="tb" style="height: auto">
        <shiro:hasPermission name="pfs:create">
            <a href="javascript:void(0)" class="easyui-linkbutton"
               data-options="iconCls:'icon-add',plain:true" onclick="openWindow(1)">新增</a>
        </shiro:hasPermission>
        <shiro:hasPermission name="pfs:del">
            <a href="javascript:void(0)" class="easyui-linkbutton"
               data-options="iconCls:'icon-remove',plain:true" id="delt"
               onclick="shanchu()">删除</a>
        </shiro:hasPermission>
        <shiro:hasPermission name="pfs:update">
            <a href="javascript:void(0)" class="easyui-linkbutton"
               iconCls="icon-edit" plain="true" onclick="openWindow(2)">修改</a>
        </shiro:hasPermission>
        客户归属地：
        <select id="shengfen" class="easyui-combobox" style="width:150px;">
            <option value="-1">全部</option>
            <option value="安徽省">A-安徽省</option>
            <option value="北京市">B-北京市</option>
            <option value="重庆市">C-重庆市</option>
            <option value="福建省">F-福建省</option>
            <option value="甘肃省">G-甘肃省</option>
            <option value="贵州省">G-贵州省</option>
            <option value="广东省">G-广东省</option>
            <option value="黑龙江省">H-黑龙江省</option>
            <option value="河北省">H-河北省</option>
            <option value="湖南省">H-湖南省</option>
            <option value="海南省">H-海南省</option>
            <option value="河南省">H-河南省</option>
            <option value="湖北省">H-湖北省</option>
            <option value="江苏省">J-江苏省</option>
            <option value="吉林省">J-吉林省</option>
            <option value="江西省">J-江西省</option>
            <option value="辽宁省">L-辽宁省</option>
            <option value="青海省">Q-青海省</option>
            <option value="山东省">S-山东省</option>
            <option value="上海市">S-上海市</option>
            <option value="山西省">S-山西省</option>
            <option value="陕西省">S-陕西省</option>
            <option value="四川省">S-四川省</option>
            <option value="天津市">T-天津市</option>
            <option value="台湾省">T-台湾省</option>
            <option value="云南省">Y-云南省</option>
            <option value="浙江省">Z-浙江省</option>
            <option value="香港特别行政区">香港特别行政区</option>
            <option value="澳门特别行政区">澳门特别行政区</option>
            <option value="广西壮族自治区">广西壮族自治区</option>
            <option value="宁夏回族自治区">宁夏回族自治区</option>
            <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
            <option value="内蒙古自治区">内蒙古自治区</option>
            <option value="西藏自治区">西藏自治区</option>
        </select>
        <input id="kehumingcheng" class="easyui-searchbox" style="width:180px"
               data-options="searcher:qq,prompt:'请输入客户关键词'"></input>
        <a iconCls="icon-save" class="easyui-linkbutton" type="button" onclick="downExcel()">导出Excel</a>
        <script type="text/javascript">
            function qq(value) {
                //value是搜索框里的值,name是选择框里的值
                $("#dg").datagrid({
                    url: path + '/pifashang/list.do',
                    queryParams: {
                        kehuming: value.trim(),
                        shengfen: $("#shengfen").combobox("getValue")
                    }
                });
            }
        </script>

    </div>
    <table id="dg" class="easyui-datagrid">

    </table>
        <%--新增入口--%>
    <div id="addwindow" class="easyui-dialog"
         data-options="buttons:'#bb', modal:true,closed:true,collapsible:false,iconCls:'icon-save',minimizable:false,maximizable:false"
         style="padding: 30px;">
        <input id="id" type="hidden">
        <table>
            <tr>
                <td align="right">客户名称：</td>
                <td align="left"><input id="kehuming" class="easyui-textbox" style="width:200px;"
                                        data-options="prompt:'请输入客户名称'"><br><span style="font-size: 12px;color: red;"
                                                                                  id="kehumingtest"></span>
                </td>
            </tr>
            <tr>
                <td align="right">客户归属地：</td>
                <td><select id="shengfenwindow" class="easyui-combobox" style="width:200px;"
                            data-options="editable:false">
                    <option value="-1">请选择归属地</option>
                    <option value="安徽省">A-安徽省</option>
                    <option value="北京市">B-北京市</option>
                    <option value="重庆市">C-重庆市</option>
                    <option value="福建省">F-福建省</option>
                    <option value="甘肃省">G-甘肃省</option>
                    <option value="贵州省">G-贵州省</option>
                    <option value="广东省">G-广东省</option>
                    <option value="黑龙江省">H-黑龙江省</option>
                    <option value="河北省">H-河北省</option>
                    <option value="湖南省">H-湖南省</option>
                    <option value="海南省">H-海南省</option>
                    <option value="河南省">H-河南省</option>
                    <option value="湖北省">H-湖北省</option>
                    <option value="江苏省">J-江苏省</option>
                    <option value="吉林省">J-吉林省</option>
                    <option value="江西省">J-江西省</option>
                    <option value="辽宁省">L-辽宁省</option>
                    <option value="青海省">Q-青海省</option>
                    <option value="山东省">S-山东省</option>
                    <option value="上海市">S-上海市</option>
                    <option value="山西省">S-山西省</option>
                    <option value="陕西省">S-陕西省</option>
                    <option value="四川省">S-四川省</option>
                    <option value="天津市">T-天津市</option>
                    <option value="台湾省">T-台湾省</option>
                    <option value="云南省">Y-云南省</option>
                    <option value="浙江省">Z-浙江省</option>
                    <option value="香港特别行政区">香港特别行政区</option>
                    <option value="澳门特别行政区">澳门特别行政区</option>
                    <option value="广西壮族自治区">广西壮族自治区</option>
                    <option value="宁夏回族自治区">宁夏回族自治区</option>
                    <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
                    <option value="内蒙古自治区">内蒙古自治区</option>
                    <option value="西藏自治区">西藏自治区</option>
                </select><br><span style="font-size: 12px;color: red;"
                                   id="shengfentest"></span>
                </td>
            </tr>
            <tr>
                <td align="right">店名：</td>
                <td><input id="dianming" class="easyui-textbox" style="width:200px;"
                           data-options="prompt:'请输入店名'"><br>
                </td>
            </tr>
            <tr>
                <td align="right">联系方式：</td>
                <td><input id="phone" class="easyui-textbox" style="width:200px;"
                           data-options="prompt:'请输入联系方式'"><br>
                </td>
            </tr>
            <tr>
                <td align="right">授信额度：</td>
                <td><input id="shouxinedu" class="easyui-numberbox" style="width:200px;"
                           data-options="prompt:'请输入授信额度 如：1000'"><br><span style="font-size: 12px;color: red;"
                                                                            id="shouxinedutest"></span>
                </td>
            </tr>
            <tr>
                <td align="right">默认折扣：</td>
                <td><input id="zhekou" class="easyui-textbox" style="width:200px;"
                           data-options="prompt:'请输入默认折扣 如：0.25'"><br><span style="font-size: 12px;color: red;"
                                                                            id="zhekoutest"></span>
                </td>
            </tr>
            <tr>
                <td align="right">收货地址：</td>
                <td><input id="address" class="easyui-textbox" style="width:200px;height: 60px"
                           data-options="prompt:'请输入收货地址',multiline:true">
                </td>
            </tr>
        </table>
        <div id="bb">
            <button onclick="save()"
                    class="easyui-linkbutton" data-options="iconCls:'icon-save' ">保存
            </button>
            <button onclick="$('#addwindow').window('close')"
                    class="easyui-linkbutton" data-options="iconCls:'icon-no'">取消
            </button>
        </div>
    </div>
    </body>

    <script type="text/javascript">
        $('#kehuming').textbox({
            events: {
                blur: function () {
                    //由于获取是上一次的值 所有这里有this.value
                    var kehuming = this.value;
                    if (kehuming == "" || kehuming == null) {
                        $("#kehumingtest").text("*请输入客户名称");
                        return;
                    }
                    var id = $('#id').val();
                    $.ajax({
                        url: path + '/pifashang/find/pifashang.do',
                        dataType: 'json',
                        type: 'POST',
                        data: {
                            kehuming: kehuming,
                            id: id
                        },
                        success: function (data) {
                            if (data.code == 400) {
                                $("#kehumingtest").text("*已存在该客户名称")
                            } else {
                                $("#kehumingtest").text("");
                            }
                        }
                    })
                }
            }
        });


        $("#dg").datagrid({
            url: path + '/pifashang/list.do'
        });
        $("#dg").datagrid({
            method: 'GET',
            striped: true,
            rownumbers: false,
            singleSelect: true,
            toolbar: '#tb',
            checkbox: false,
            fit: true,
            striped: true,
            fitColumns: false,
            autoRowHeight: false,
            rownumbers: true,
            pagination: true,
            pageSize: 20,
            pageList: [20, 30, 50],
            nowrap: true,
            loadMsg: '加载中,请稍后......',
            columns: [[{
                field: 'id',
                title: '类别',
                width: 80,
                hidden: true
            }, {
                field: 'kehuming',
                title: '客户名称',
                width: 150,
                align: 'center'
            }, {
                field: 'phone',
                title: '联系方式',
                width: 150,
                align: 'center'
            }, {
                field: 'shengfen',
                title: '归属地',
                width: 80,
                align: 'center'
            }, {
                field: 'dianming',
                title: '店名',
                width: 80,
                align: 'center'
            }, {
                field: 'address',
                title: '收货地址',
                width: 200,
                align: 'center'
            }, {
                field: 'shouxinedu',
                title: '授信额度',
                width: 100,
                align: 'center'
            }, {
                field: 'pifaZhekou',
                title: '默认折扣',
                width: 100,
                align: 'center'
            }]],
            //loadFilter : function(responseData) {
            //	return responseData.data;
            //},
            onBeforeLoad: function (param) {
            },
            onLoadSuccess: function (data) {
                $("#kehumingcheng").next().find("input").eq(0).focus();
            },
            onLoadError: function () {
                //	console.debug('not ok')
            }
        });


    </script>
</shiro:hasPermission>
